<template>
  <div>
    <div class="header-font">
      <i class="el-icon-menu" />
      <span>{{ headerTitle }}</span>
    </div>
    <div class="line" />
  </div>
</template>

<script>
export default {
  name: 'HeaderTitle',
  props: {
    headerTitle: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped>
  .header-font {
    font-size: 15px;
  }
  .line {
    margin: 10px 0;
    width: 100%;
    border: 0.5px solid rgb(218, 218, 218);
  }
</style>
